<style>@import "package:angular2_material/src/components/input/input.css";</style>

<style>
  body {
    max-width: 500px;
  }
</style>

<div>
  <h2>input demo</h2>


  <h3>Normal input</h3>
  <md-input-container>
    <label>Name</label>
    <input md-input>
  </md-input-container>

  <h3>Pre-filled value</h3>
  <md-input-container>
    <label>Favorite Framework</label>
    <input value="Angular">
  </md-input-container>

  <h3>Disabled input</h3>
  <md-input-container>
    <label>ID Number</label>
    <input disabled>
  </md-input-container>

  <h3>Disabled, pre-filled input</h3>
  <md-input-container>
    <label>Best TV show</label>
    <input disabled value="Firefly">
  </md-input-container>

  <!--<h3>textarea</h3>
  <md-input-container>
    <label>What I did on my summer vaccation</label>
    <textarea></textarea>
  </md-input-container>-->

</div>
